<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="stylesheet" href="../src/css/index.css">
    <link rel="stylesheet" href="../src/css/list.css">
    <link rel="stylesheet" href="../src/lib/layui/css/layui.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>

<body>
    <!-- 头部 -->
    <div id="head"></div>

    <!-- 分类 -->
    <div id="fenlei">
        <div id="sanxiang">
            <a href="#">首页</a>&nbsp;>&nbsp;<a href="#">商品分类</a>&nbsp;>&nbsp;<a href="#">定制系列</a>
        </div>
        <div id="fenlei_top">
            <div id="fenlei_top_a">
                <a href="#">
                    <p>定制系列</p>
                </a>
                <a href="#">
                    <p>家居用品</p>
                </a>
                <a href="#">
                    <p>全屋一口价</p>
                </a>
                <a href="#">
                    <p>特权金</p>
                </a>

            </div>
            <div id="fenlei_top_b">
                <p>空间：</p>
                <span>全部</span>
                <span>卧室</span>
                <span>书房</span>
                <span>青少年房</span>
                <span>客餐厅</span>

            </div>
            <div id="fenlei_top_c">
                <p>功能：</p>
                <span>全部</span>
                <span>衣柜</span>
                <span>衣帽间</span>
                <span>卧室方案</span>
                <span>梳妆台</span>
                <span>榻榻米</span>
                <span>飘窗利用</span>
                <span>青少年房</span>
                <span>学习桌椅</span>
                <span>书柜</span>
                <span>客厅方案</span>
                <span>电视柜</span>
                <span>入户柜</span>
                <span>鞋柜</span>
                <span>玄关柜</span>
                <span>餐边柜</span>
                <span>酒柜</span>
                <span>阳台柜</span>


            </div>
            <div id="fenlei_top_d">
                <p>空间：</p>
                <span>现代简约</span>
                <span>自然田园</span>
                <span>中式风格</span>
                <span>北欧风格</span>
                <span>现代色彩</span>
                <span>浪漫简欧</span>
                <span>日式风格</span>

            </div>
        </div>
        <div id="fenlei_bottom">
            <div id="fenlei_bottom_top">
                <ul>
                    <li  id="li222">综合排序</li>
                    <li>销量<i class="glyphicon glyphicon-arrow-down"></i></li>
                    <li>新品<i class="glyphicon glyphicon-arrow-down"></i></li>
                    <!-- <li >价格<i class="glyphicon glyphiconglyphicon glyphicon-sort"></i></li> -->
                    <li>¥<input type="text" name="" id="low" placeholder="由低到高"></li>
                    <li id="li123" style="color: red;">¥<input type="text" name="" id="high" placeholder="由高到低" style="color: red;"></li>
                </ul>
            </div>
            <ul id="ul1">
                <!-- <li>
                    <img src="https://img.suofeiya.com.cn/images/202007/b5ccf3c7032a07b0be67096ab0e45ffd.jpg" alt="">
                    <p id="p1"><i>¥</i>&nbsp;<span id="sp1">500.00</span><span id="sp2">人气：45892</span></p>
                    <p id="p2">索菲亚屏风式拼色门厅隔断柜</p>
                    <div id="li_a">
                        <span><i id="i1" class="layui-icon layui-icon-service"></i>&nbsp 咨询客服</span>
                        <span><i id="i2" class="layui-icon layui-icon-heart-fill"></i>喜欢</span>
                    </div>
                </li>
                <li>
                    <img src="https://img.suofeiya.com.cn/images/202007/b1fa01f5d5134dabaab470983944362c.jpg" alt="">
                    <p id="p1"><i>¥</i>&nbsp;<span id="sp1">500.00</span><span id="sp2">人气：54766</span></p>
                    <p id="p2">索菲亚青少年童乐卧室H形家具定制</p>
                    <div id="li_a">
                        <span><i id="i1" class="layui-icon layui-icon-service"></i>&nbsp 咨询客服</span>
                        <span><i id="i2" class="layui-icon layui-icon-heart-fill"></i>喜欢</span>
                    </div>
                </li>
                <li>
                    <img src="https://img.suofeiya.com.cn/images/202007/97d6abd6f4a6048ca327ddda811f91e8.jpg" alt="">
                    <p id="p1"><i>¥</i>&nbsp;<span id="sp1">500.00</span><span id="sp2">人气：35740</span></p>
                    <p id="p2">索菲亚青少年上下柜多功能床</p>
                    <div id="li_a">
                        <span><i id="i1" class="layui-icon layui-icon-service"></i>&nbsp 咨询客服</span>
                        <span><i id="i2" class="layui-icon layui-icon-heart-fill"></i>喜欢</span>
                    </div>
                </li>
                <li>
                    <img src="https://img.suofeiya.com.cn/images/202007/2bebebd36db0455a7d7efda8fc198dfb.jpg" alt="">
                    <p id="p1"><i>¥</i>&nbsp;<span id="sp1">500.00</span><span id="sp2">人气：26608</span></p>
                    <p id="p2">索菲亚少年趣味童真卧室定制小房子</p>
                    <div id="li_a">
                        <span><i id="i1" class="layui-icon layui-icon-service"></i>&nbsp 咨询客服</span>
                        <span><i id="i2" class="layui-icon layui-icon-heart-fill"></i>喜欢</span>
                    </div>
                </li> -->

            </ul>
            <div id="search-pagination">

            </div>
        </div>
    </div>
    </div>
    <!-- 人气推荐 -->
    <div id="tuijian">
        <div id="tuijian_top">
            <div id="tuijian_top_a">
                <span id="span_1">人气推荐</span>
                <span>换一组<i class="layui-icon layui-icon-refresh"></i></span>
            </div>
            <ul id="ul2">
                <li>
                    <img src="https://img.suofeiya.com.cn/images/202007/2bebebd36db0455a7d7efda8fc198dfb.jpg" alt="">
                    <p id="p1"><i>¥</i>&nbsp;<span id="sp1">500.00</span></p>
                    <p id="p2">索菲亚少年趣味童真卧室定制小房子</p>
                    <div id="li_a">
                    </div>
                </li>
                <li>
                    <img src="https://img.suofeiya.com.cn/images/202007/2bebebd36db0455a7d7efda8fc198dfb.jpg" alt="">
                    <p id="p1"><i>¥</i>&nbsp;<span id="sp1">500.00</span></p>
                    <p id="p2">索菲亚少年趣味童真卧室定制小房子</p>
                    <div id="li_a">
                    </div>
                </li>
                <li>
                    <img src="https://img.suofeiya.com.cn/images/202007/2bebebd36db0455a7d7efda8fc198dfb.jpg" alt="">
                    <p id="p1"><i>¥</i>&nbsp;<span id="sp1">500.00</span></p>
                    <p id="p2">索菲亚少年趣味童真卧室定制小房子</p>
                    <div id="li_a">
                    </div>
                </li>
            </ul>
            
        </div>
        <div id="tuijian_right">
            <div id="tuijian_right_top">
                <h4>销量榜</h4>
                <a href="#">
                    <p>1.梦百合幻梦呵护枕</p>
                    <p>已出售392笔&nbsp;&nbsp;&nbsp;￥<span>239.00</span></p>
                    <img src="https://img.suofeiya.com.cn/images/202004/522bd0c912521a8b53a2f365332d7d8d.jpg" alt="">
                </a>
                <a href="#">
                    <p>1.梦百合幻梦呵护枕</p>
                    <p>已出售392笔&nbsp;&nbsp;&nbsp;￥<span>239.00</span></p>
                    <img src="https://img.suofeiya.com.cn/images/202004/522bd0c912521a8b53a2f365332d7d8d.jpg" alt="">
                </a>
                <a href="#">
                    <p>1.梦百合幻梦呵护枕</p>
                    <p>已出售392笔&nbsp;&nbsp;&nbsp;￥<span>239.00</span></p>
                    <img src="https://img.suofeiya.com.cn/images/202004/522bd0c912521a8b53a2f365332d7d8d.jpg" alt="">
                </a>
                
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div id="foot"></div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js"></script>
<script src="../src/lib/layui/layui.js" charset="utf-8"></script>
<script src="../src/js/fetch.js"></script>
<script src="../src/js/tools.js"></script>
<script>
    $('#head').load('../layout/head.html')
    $('#foot').load('../layout/foot.html')

</script>
<script src="../src/js/list.js" type="module"></script>

</html>